{if $option->status=='0'} {assign $non = "CHECKED"}{else}{assign $non = ""}{/if}
{if $option->status=='1'} {assign $oui = "CHECKED"}{else}{assign $oui = ""}{/if}
<div id="main_container">
    {$oZoneHeader}
    <div class="main_content">
        {$oZoneTopMenu}
        <div class="center_content">  
            <div class="left_content">
                {$oZoneLeftMenu}
            </div>
          <form action="{jurl 'formule~BoFormuleOption:sauvegarder'}" method="POST">
           <input type="hidden" id="iOptionFormuleId" name="id" value="{$option->id_option_formule}" />
            <div id="editCompte" class="right_content">
                <h2>Formule - {if $option->id_option_formule}Modifier{else}Ajouter{/if} une option</h2>
                <div style="border:solid 1px silver;padding:10px;">
                <h4>Option</h4>
                 <dl >
                    <dt><label>Libell&eacute; : </label></dt>
                    <dd><input type="text" id="libelle" name="libelle" value="{$option->lib_option_formule}"/></dd>
                </dl>
                <dl >
                    <dt><label>Type de paiement : </label></dt>
                    <dd>
                        {foreach $paiement  as $item}
                            {if isset($item->coche) && $item->coche}
                                {assign $checked="checked"}
                            {else}
                                {assign $checked=""}
                            {/if}
                           {$item->paiement}
                            <input type="checkbox" value="{$item->id}" name="paiement[]" {$checked} >
                        {/foreach}
                    </dd>
                </dl>

                <dl>
                    <dt><label>Activ&eacute : </label></dt>
                    <dd>Oui <input type="radio" name="status" value="1" {$oui} /> Non <input type="radio" name="status" value="0"  {$non} /></dd>
                </dl>
                </div>
                <div style="clear:both;height:10px;"></div>

                <div style="border:solid 1px silver;padding:10px;">
                <h4>Choix</h4>
                <div id='TextBoxesGroup'>
                    <div id="TextBoxDiv1">
                        <label>Libellé : </label>
                        <input class="suggest" type='text' id='choix' name="choix"/>
                        <dl>
                            <dt><label>Prix (€): </label></dt>
                            <dd><input type='text' id='prix'  name="prix"/></dd>
                        </dl>
                        <dl>
                            <dt><label>Description: </label></dt>
                            <dd><input type='text' id='description'  name="description"/></dd>
                        </dl>
                        <dl>
                            <dt><label>Durée (en jours): </label></dt>
                            <dd><input  type='text' id='duree' name="duree"/></dd>
                        </dl>
                        <input type='button' value='Ajouter' id='addButton' />
                    </div>
                </div>
                </div>
                <div id="ajaxload" align="left">
                    {$listeChoix}
                </div>
                <dl class="submit">
                    <input class="valider" title="Valider" type="submit" value="" />
                    <a title="Annuler" href="{jurl 'formule~BoFormuleOption:index'}" class="bt_green"><span class="bt_green_lft"></span><strong>Annuler</strong><span class="bt_green_r"></span></a>
                </dl>
            </div><!-- end of right content-->
         </form>
        </div>   <!--end of center content -->               
        <div class="clear"></div>
    </div> <!--end of main content-->
    <div class="footer">
    </div>
</div>   
<!--Script autocompletion--> 
{literal}
	<script type="text/javascript">
            $(function(){
                $('#addButton').click(function(){
                    var zUrl = '{/literal}{jurl "formule~BoFormuleOption:saveChoise", array(), false}{literal}' ;
                    var zChoix = $('#choix').val() ;
                    var libelle = $('#libelle').val() ;
                    var iId = $('#iOptionFormuleId').val() ;
                    var prix = $('#prix').val() ;
                    var duree = $('#duree').val() ;
                    var description = $('#description').val() ;
                    if (zChoix) {
                        if ($('#rounded-corner > tbody > tr').length < 10) {
                            $.post(zUrl, {zChoix:zChoix, iId:iId, libelle:libelle, prix:prix, duree:duree,description:description}, function(iResultId){
                                $('#iOptionFormuleId').val(iResultId) ;
                                var zUrlZone = '{/literal}{jurl "commun~default:getZone", array("zone"=>"formule~listeoption"), false}{literal}' ;
                                $('#ajaxload').load(zUrlZone, {id:iResultId}, function(){
                                    //$('.ask', $('#ajaxload')).jConfirmAction();
                                    $('#choix, #prix, #duree,#description').val('');
                                }) ;
                            });
                        } else {
                            alert ('le nombre de choix admis doit etre inférieur à 10') ;
                        }
                    } 
                });
            });
	 </script>
{/literal}

